$color: #ebebeb;
$bg: #f5f5f5;
@keyframes skeleton-loading {
	0% {
		// background-position: 100% 50%;
		opacity: 0;
	}
	50% {
		// background-position: 100% 50%;
		opacity: 0.5;
	}
	100% {
		// background-position: 0 50%;
		opacity: 0;
	}
}
@mixin common {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	list-style: none;
	background-color: #fff;
	left: 0;
	right: 0;
	top: 0;
	right: 0;
	opacity: 0;
	// background-image: linear-gradient(
	//     120deg,
	//     rgba(255, 255, 255, 0.1) 40%,
	//     rgba(255, 255, 255, 0.9) 60%,
	//     rgba(255, 255, 255, 0.1) 80%
	// );

	// background-size: 400% 100%;
	// background-position: 100% 50%;
	animation: skeleton-loading 1.5s steps(20, end) infinite;
}
